<template>
<div style="text-align:center;">
	<img id="barcode"/>
	<hr/>
	<img :src="qrcodeImg" alt=""/>
	<hr/>
	<!-- 条形码扫码 同时也支持二维码 推荐用这个 手机上需要自带浏览器打开, 手机微信和chrome不行 -->
	  <abScanCode v-model="textContent"></abScanCode> 
    {{textContent}}
</div>
</template>

<script>

import Vue from 'vue';
import jsbarcode from 'jsbarcode'
import jrQrcode from "jr-qrcode";
import adapter from 'webrtc-adapter';
export default {
	data: function () {
		return {
			qrcodeImg : "",
			codeReader: null,
		    textContent: "",
		}
	},
	mounted(){
		//条形码
		/* jsbarcode("#barcode", "5256464163521", {
			format: "CODE128",//选择要使用的条形码类型
			text: '条形码的数据',
			displayValue: true,//是否在条形码下方显示文字
			textPosition: "bottom"//设置文本的垂直位置
		}); */

		//二维码
		this.qrcodeImg = jrQrcode.getQrBase64('123464681')
	},
	created : function(){
	},
	methods: {
		scan(){
		}
	}
}
</script>
